<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>设备管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/material_list.css">

</head>
<body>
<div id="container" >
    <div id="headDiv">
        <div id="logo">
            <img src="../img/logo_search.png" width="30" height="30" alt=""/>
        </div>
        <div id="title">物料查询</div>
    </div>
    <div id="query">
            <table class="layui-table" id="material-table-search" ></table>
    </div>
    </div>
</body>

<script>
    layui.use(['table'], function() {
        var table = layui.table;
        var form = layui.form;

        // 创建渲染实例
        table.render({
            id:'material-table',
            elem: '#material-table-search',
            url: 'material_info.json', // 此处为静态模拟数据，实际使用时需换成真实接口
            cols: [[
                {type: 'checkbox', fixed: 'left'},
                // 未自定义模板的普通列
                {field: 'material_name', fixed: 'left', width: 80, title: '物料名称', sort: true}, // 模板 - 选择器写法
                {field: 'material_id', fixed: 'left', width: 80, title: '物料编号', sort: true}, // 模板 - 选择器写法
                {field: 'material_type', fixed: 'left', width: 80, title: '材料类型', sort: true}, // 模板 - 选择器写法
                {field: 'material_manufacturer', fixed: 'left', width: 80, title: '供应商', sort: true}, // 模板 - 选择器写法
                {field: 'material_productiondate', fixed: 'left', width: 80, title: '入库时间', sort: true}, // 模板 - 选择器写法
                {field: 'material_factorysite', fixed: 'left', width: 80, title: '规格', sort: true}, // 模板 - 选择器写法
                {field: 'material_contacts', fixed: 'left', width: 80, title: '联系人', sort: true}, // 模板 - 选择器写法
                {field: 'material_telephone', fixed: 'left', width: 80, title: '联系电话', sort: true}, // 模板 - 选择器写法
                {field: 'material_statement', fixed: 'left', width: 80, title: '物料说明', sort: true}, // 模板 - 选择器写法
                {fixed: 'right', width: 80, title: '操作', toolbar:'#barDemo'}, // 模板 - 选择器写法
            ]],
            page: true,
            height: 'full'
        });
    });
</script>